﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="EislaufScb.WebForms.Views.Images.Home"
    MasterPageFile="~/Shared/Site.Master" %>
<%@ MasterType VirtualPath="~/Shared/Site.Master" %>

<asp:Content ID="HContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script type="text/javascript" language="javascript" defer="defer">
        function ShowImageInOriginalSize(imageClientId) {
            var image = $('#' + imageClientId + '');

            var modalPopUpImage = $('#ModalPopUpImage');
            modalPopUpImage[0].width = image[0].naturalWidth;
            modalPopUpImage[0].height = image[0].naturalHeight;
            modalPopUpImage[0].src = image[0].src;

            $('#ModalPopUp').dialog({ modal: true, buttons: { OK: function () { $(this).dialog("close"); } }, width: image[0].naturalWidth + 60});
        }
    </script>
</asp:Content>
<asp:Content ID="BContent" runat="server" ContentPlaceHolderID="MainContent">
    <h2>
        IMAGES HOME
    </h2>
    <div id="ImageContentDiv" class="imagesGalleryOverFlowDiv">

            <asp:DataList ID="ImagesDataList" runat="server" RepeatColumns="5" OnItemDataBound="ImagesDataList_OnItemDataBound"
                RepeatLayout="Table">
                <ItemTemplate>

                    <asp:Image runat="server" CssClass="ui-icon imageMargin" />

                </ItemTemplate>
            </asp:DataList>
                </div>
    <div id="ModalPopUp">
        <img id="ModalPopUpImage" height="0" width="0" src="#" alt="Alternate Text" />
    </div>
</asp:Content>
